﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="./assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./assets/css/base.css">
    <link rel="stylesheet" href="./assets/css/sn-style.css">
    <link rel="stylesheet" href="./assets/css/home-index.css">
</head>

<body>
    <!--header引入区域-->
    <div class="headerbgc nav1">
            <div class="head">
                <a href="#" class="logoImg"> <img src="./assets/image/logo-w.svg" alt=""></a>
                <p>
                    <a href="#" class="nav-active">首页</a>
                    <a href="#">资讯</a>
                    <a href="#">素材库</a>
                    <a href="#">商业地产</a>
                    <a href="#">供应商</a>
                </p>
                <span class="headLink"><a href="./login/register.html">注册</a><a href="./login/login.html" class="login-link">登录</a></span>
            </div>
    </div>
    <div class="headerbgc nav2 sn-hide">
        <div style="border-bottom:1px solid rgb(228, 228, 228);">
            <div class="head">
                <a href="#" class="logoImg"> <img src="./assets/image/logo.svg" alt=""></a>
                <p>
                    <a href="#">首页</a>
                    <a href="#" class="nav-active">资讯</a>
                    <a href="#">素材库</a>
                    <a href="#">商业地产</a>
                    <a href="#">供应商</a>
                </p>
                <div class="search-head">
                    <select>
                        <option value="">资讯</option>
                        <option value="">商场</option>
                        <option value="">服务商</option>
                    </select>
                    <input type="text" name="" value="">
                    <a href="#"><img src="./assets/image/head-search.svg" alt=""></a>
                </div>
                <span class="headLink"><a href="./login/register.html">注册</a><a href="./login/login.html" class="login-link">登录</a></span>
            </div>
        </div>
    </div>
    <!--<div style="height:80px;"></div>-->
    <div class="container">
        <div class="index-top">
            <div class="search-box">
                <div class="search-head">
                    <select>
                        <option value="">资讯</option>
                        <option value="">商场</option>
                        <option value="">服务商</option>
                    </select>
                    <input type="text" name="" value="" placeholder="搜索资讯">
                    <a href="#"><img src="./assets/image/top-search.png" alt=""></a>
                </div>
                <p>
                    热门搜索：
                    <a href="">金灯奖</a>
                    <a href="">春节</a>
                    <a href="">情人节</a>
                    <a href="">中国红</a>
                    <a href="">万象城</a>
                    <a href="">万达广场</a>
                </p>
            </div>
        </div>
        <div class="layout">
            <div class="nav-box">
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-index">
                   <a href="">
                        <img src="./assets/image/nav-index.png" alt="">
                        <p>分类</p>
                    </a>
                </div>
                <div class="nav-link">
                    <img src="./assets/image/nav-link.png" alt="">
                    <a href="#">2018春节主题布置专场</a>
                    <a href="#" style="left:365px;">214情人节广场景观</a>
                    <a href="#" style="left:565px;">奇幻圣诞之旅</a>
                </div>
            </div>
            <div class="zx-title">
                <h3>前沿资讯</h3>
                <p>最前沿的美陈资讯</p>
                <a href="#">更多资讯</a>
            </div>
            <div class="con-detail">
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="ad-index">广告</div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="ad-index">广告</div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="con-index">
                    <a href=""><img src="./assets/image/zixun-list1.png" alt=""></a>
                    <h3>18届大师精品展丨文化人儿的聚集地</h3>
                    <p>
                        <img src="./assets/image/look.png" alt="" class="look">&nbsp;66721&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/pinglun.png" alt="" class="pinglun">&nbsp;3121&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="./assets/image/dianzan.png" alt="" class="dianzan">&nbsp;1024
                    </p>
                </div>
                <div class="ad-index">广告</div>
            </div>
            <div class="zx-title">
                <h3>精选素材</h3>
                <p>从我们的优质照片中找到你的灵感</p>
                <a href="#">更多素材</a>
            </div>
            <div class="home-pic sn-clr">
                <div class="pic-left">
                    <a href=""><img src="./assets/image/home-pic.png" alt="" class="pic"></a>
                    <span>最新内容</span>
                </div>
                <div class="pic-right">
                    <a href=""><img src="./assets/image/home-pic2.png" alt="" class="pic"></a>
                    <span>最新内容</span>
                </div>
                <div class="pic-right">
                    <a href=""><img src="./assets/image/home-pic2.png" alt="" class="pic"></a>
                    <span>最新内容</span>
                </div>
                <div class="pic-right">
                    <a href=""><img src="./assets/image/home-pic2.png" alt="" class="pic"></a>
                    <span>最新内容</span>
                </div>
                <div class="pic-right">
                    <a href=""><img src="./assets/image/home-pic2.png" alt="" class="pic"></a>
                    <span>最新内容</span>
                </div>
            </div>
            <div class="ad">广告</div>
            <div class="newly sn-clr">
                <h3>供应商推荐</h3>
                <div class="newly-index">
                    <img src="./assets/image/fws.jpg" alt="">
                    <p><a href="#">Ehorse艺马平川</a></p>
                    <span style="color:#999;">深圳</span>
                </div>
                <div class="newly-index">
                    <img src="./assets/image/fws.jpg" alt="">
                    <p><a href="#">Ehorse艺马平川</a></p>
                    <span style="color:#999;">深圳</span>
                </div>
                <div class="newly-index">
                    <img src="./assets/image/fws.jpg" alt="">
                    <p><a href="#">Ehorse艺马平川</a></p>
                    <span style="color:#999;">深圳</span>
                </div>
                <div class="newly-index">
                    <img src="./assets/image/fws.jpg" alt="">
                    <p><a href="#">Ehorse艺马平川</a></p>
                    <span style="color:#999;">深圳</span>
                </div>
                <div class="newly-index">
                    <img src="./assets/image/fws.jpg" alt="">
                    <p><a href="#">Ehorse艺马平川</a></p>
                    <span style="color:#999;">深圳</span>
                </div>
                <div class="newly-index">
                    <img src="./assets/image/fws.jpg" alt="">
                    <p><a href="#">Ehorse艺马平川</a></p>
                    <span style="color:#999;">深圳</span>
                </div>
            </div>
            <div class="ad">广告</div>
            <div class="hot-mall">
                <div class="hot-mall-title">
                    <h3>热门商业地产</h3>
                    <a href="">更多商场</a>
                </div>
                <div class="hot-mall-index">
                   <a href=""> <img src="./assets/image/home-pic3.png" alt=""></a>
                    <span>港汇广场</span>
                </div>
                <div class="hot-mall-index">
                    <a href=""> <img src="./assets/image/home-pic3.png" alt=""></a>
                    <span>港汇广场</span>
                </div>
                <div class="hot-mall-index">
                    <a href=""> <img src="./assets/image/home-pic3.png" alt=""></a>
                    <span>港汇广场</span>
                </div>
                <div class="hot-mall-index">
                    <a href=""> <img src="./assets/image/home-pic3.png" alt=""></a>
                    <span>港汇广场</span>
                </div>
                <div class="hot-mall-index">
                    <a href=""> <img src="./assets/image/home-pic3.png" alt=""></a>
                    <span>港汇广场</span>
                </div>
                <div class="hot-mall-index">
                    <a href=""> <img src="./assets/image/home-pic3.png" alt=""></a>
                    <span>港汇广场</span>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="layout">
            <div class="left-bot">
                <img src="./assets/image/bot-logo.svg" alt="">
                <p><span style="margin-right:30px;">关于我们</span><a href="#">关于我们</a>|<a href="#">关于我们</a>|<a href="#">关于我们</a>|<a href="#">关于我们</a></p>
                <p><span style="margin-right:30px;">新手入门</span><a href="#">注册新用户</a>|<a href="#">用户帮助中心</a></p>
                <p><span style="margin-right:30px;">网站规则</span><a href="#">网站服务协议</a>|<a href="#">网站注册协议</a>|<a href="#">网站版权声明</a></p>
                <p style="color:#BCBCBC;">©ALIMAMA MUX, powered by alimama THX.法律声明<br>
转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系：sangxing@taobao.com</p>
            </div>
            <div class="right-bot">
                <h3>有情链接</h3>
                <p class="sn-clr"><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span></p>
                <div class="circle">
                    <img src="./assets/image/bot-circle.png" alt="">
                    <img src="./assets/image/bot-circle.png" alt="">
                    <img src="./assets/image/bot-circle.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./assets/build/jquery/dist/jquery.js"></script>
<script>
    $(document).ready(function(){
        $(window).scroll(function(){
            if($(window).scrollTop()>500){
                $('.nav1').addClass('sn-hide');
                $('.nav2').removeClass('sn-hide');
            }else{
                $('.nav1').removeClass('sn-hide');
                $('.nav2').addClass('sn-hide');
            }
        });
    });
</script>
</html>